<template>
  <div class="error-box">
    <h1>{{ title }}</h1>
    <h3>{{ info }}</h3>

    <div>{{ tips }}</div>
  </div>
</template>

<script>
export default {
    name: 'Error404',
    data () {
        return {
            title: '404',
            info: '页面未能找到',
            tips: '抱歉，页面好像去火星啦！'
        }
    }
}
</script>

<style scoped>
.error-box{
    min-height: 600px;
    text-align: center;
    padding-top: 100px;
}
</style>